<template>
  <div class="w-[1170px]">
    <a-table :columns="columns" :data="tableData" row-key="id" :pagination="false"> </a-table>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
// tableData
const tableData = ref([
  {
    id: 1,
    name: '环境监测数据',
    data_type: '资产',
    cycle_start_amount: '100000',
    cycle_end_amount: '20000',
    increase_current_year_amount: '500000',
    reversal_current_year_amount: '30000',
    last_test_amount: '40000',
    belong_cycle: '2024',
    enter_time: '2024-07-23 14:22:19',
    credential_temple_sequence: '2024-1'
  }
]);

const columns = [
  {
    title: '序号',
    dataIndex: 'serial',
    width: 100
  },
  {
    title: '名称',
    dataIndex: 'name'
  },
  {
    title: '类型',
    dataIndex: 'data_type'
  },
  {
    title: '期初余额',
    dataIndex: 'cycle_start_amount'
  },
  {
    title: '本年增加数',
    dataIndex: 'increase_current_year_amount'
  },
  {
    title: '本年转回数',
    dataIndex: 'reversal_current_year_amount'
  },
  {
    title: '期末余额',
    dataIndex: 'cycle_end_amount'
  },
  {
    title: '最近测试结果',
    dataIndex: 'last_test_amount'
  },
  {
    title: '所属周期',
    dataIndex: 'belong_cycle'
  },
  {
    title: '录入时间',
    dataIndex: 'credential_temple_sequence'
  },
  {
    title: '操作',
    dataIndex: 'actions',
    align: 'center'
  }
];
</script>
